<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>班型</title>
    <link rel="stylesheet" href="../public/css/base.css">
    <link rel="stylesheet" href="../public/css/public.css">
    <link rel="stylesheet" href="../banxing/css/banxin.css">
</head>
<body>
    <!-- header 需替换 -->
     <header></header>
     <!-- 头部banner -->
     <div class="top-banner">
        <div class="center_box">
            <div class="banner-title">聚焦公考考生特点，多种班型可供选择</div>
            <div class="nav-list">
                <ul class="list">
                    <li class="item active" data-bx="1">系统保障班</li>
                    <li class="item" data-bx="2">突破提升班</li>
                    <li class="item" data-bx="3">直播畅学班</li>
                    <li class="item" data-bx="4">直播全程班</li>
                    <li class="item" data-bx="5">定向私塾班</li>
                    <li class="item" data-bx="6">面试冲刺班</li>
                </ul>
            </div>
        </div>
     </div>
     <!-- 主体部分 -->
      <div class="main show">
        <div class="center_box">
            <!-- 课程介绍模块 -->
            <div class="class-intr">
                <div class="img">
                    <img src="./img/banxin.jpg" alt="">
                </div>
                <div class="text">
                    <h3>系统保障班</h3>
                    <p>适合零基础，自控力及自主时间安排能力比较强的学员</p>
                    <div class="price">
                        <ul>
                            <li>
                                <div>￥<span>3380</span></div>
                                <p>全科：行测+申论+面试</p>
                            </li>
                            <li>
                                <div>￥<span>2180</span></div>
                                <p>笔试2科：行测+申论</p>
                            </li>
                            <li>
                                <div>￥<span>1080</span></div>
                                <p>单科</p>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="btn">立即咨询</a>
                </div>
            </div>
            <div class="char">
                <ul>
                    <li>
                        <span>特点</span>
                        <p>系统地讲解公考的理论知识，结合定量的习题解析，从0到1帮学员逐步夯实考试必备基础</p>
                    </li>
                    <li>
                        <span>形式</span>
                        <p>”点+题“传统实训模式，理论与实战有机融合，边学边练，帮助学员随时随地掌握备考要点，提高学习效率</p>
                    </li>
                </ul>
            </div>
            <!-- 课程模块 -->
            <div class="class-model">
                <h3 class="title">课程模块<span>录播为主</span></h3>
                <div class="box">
                    <ul>
                        <li>
                            <div class="t">系统精讲</div>
                            <div class="tag">
                                <span>系统精讲（点）</span>
                                <span>一带一练（题）</span>
                                <span>集中答疑（题）</span>
                            </div>
                        </li>
                        <li>
                            <div class="t">直播强化</div>
                            <div class="tag">
                                <span>模考解析（题）</span>
                                <span>考前冲刺（套题）</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 服务模块 -->
            <div class="service-model">
                <h3 class="title">服务模块</h3>
                <div class="list">
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-1.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">服务期</div>
                            <p>开课时间起1年</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-2.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">专属学服</div>
                            <p>日常督学+课程指导+辅助选岗+报名指导+课前通知+跟踪回访+招考信息/热点推送</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-3.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">辅助选岗</div>
                            <p>基于学员个人情况及需求，以及相关的报考数据，为学员提供3-5个适宜的报考岗位推荐</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-4.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">专业答疑</div>
                            <p>工作时段学习平台2h内答疑</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-5.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">锦鲤打卡</div>
                            <p>每日打卡，每日晨读、每日时政热点等，培养备考氛围和习惯</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-6.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">定制学习计划</div>
                            <p>结合课程情况或测评结果，给每位学员制定大方向的学习计划和学习建议，点明每个阶段的备考重点及方法</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-7.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">全能题库</div>
                            <p>日常练习、模拟试卷、真题试卷、冲刺提分卷、自由组卷</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-8.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">入学测评</div>
                            <p>每日一练，每日晨读服务，每日推送经典试题</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-9.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">系列模考</div>
                            <p>N次月考小考+2次大模考（省联考前+国考前）</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-10.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">权益保障</div>
                            <p>3天无理由退费</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 辅助资料 -->
            <div class="info-model">
                <h3 class="title">辅助资料</h3>
                <div class="box">
                    <ul>
                        <li>
                            <i class="icon"></i>
                            <span>课程讲义</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《思维导图》</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>时政热点</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>全能题库</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>课后习题</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《历年真题册》</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《考前模拟卷》</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
      </div>
      <div class="main">
        <div class="center_box">
            <!-- 课程介绍模块 -->
            <div class="class-intr">
                <div class="img">
                    <img src="./img/banxin2.jpg" alt="">
                </div>
                <div class="text">
                    <h3>突破提升班</h3>
                    <p>适合零基础，自控力及自主时间安排能力比较强的学员</p>
                    <div class="price">
                        <ul>
                            <li>
                                <div>￥<span>3380</span></div>
                                <p>全科：行测+申论+面试</p>
                            </li>
                            <li>
                                <div>￥<span>2180</span></div>
                                <p>笔试2科：行测+申论</p>
                            </li>
                            <li>
                                <div>￥<span>1080</span></div>
                                <p>单科</p>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="btn">立即咨询</a>
                </div>
            </div>
            <div class="char">
                <ul>
                    <li>
                        <span>特点</span>
                        <p>系统地讲解公考的理论知识，结合定量的习题解析，从0到1帮学员逐步夯实考试必备基础</p>
                    </li>
                    <li>
                        <span>形式</span>
                        <p>”点+题“传统实训模式，理论与实战有机融合，边学边练，帮助学员随时随地掌握备考要点，提高学习效率</p>
                    </li>
                </ul>
            </div>
            <!-- 课程模块 -->
            <div class="class-model">
                <h3 class="title">课程模块<span>录播为主</span></h3>
                <div class="box">
                    <ul>
                        <li>
                            <div class="t">系统精讲</div>
                            <div class="tag">
                                <span>系统精讲（点）</span>
                                <span>一带一练（题）</span>
                                <span>集中答疑（题）</span>
                            </div>
                        </li>
                        <li>
                            <div class="t">直播强化</div>
                            <div class="tag">
                                <span>模考解析（题）</span>
                                <span>考前冲刺（套题）</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 服务模块 -->
            <div class="service-model">
                <h3 class="title">服务模块</h3>
                <div class="list">
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-1.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">服务期</div>
                            <p>开课时间起1年</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-2.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">专属学服</div>
                            <p>日常督学+课程指导+辅助选岗+报名指导+课前通知+跟踪回访+招考信息/热点推送</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-3.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">辅助选岗</div>
                            <p>基于学员个人情况及需求，以及相关的报考数据，为学员提供3-5个适宜的报考岗位推荐</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-4.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">专业答疑</div>
                            <p>工作时段学习平台2h内答疑</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-5.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">锦鲤打卡</div>
                            <p>每日打卡，每日晨读、每日时政热点等，培养备考氛围和习惯</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-6.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">定制学习计划</div>
                            <p>结合课程情况或测评结果，给每位学员制定大方向的学习计划和学习建议，点明每个阶段的备考重点及方法</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-7.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">全能题库</div>
                            <p>日常练习、模拟试卷、真题试卷、冲刺提分卷、自由组卷</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-8.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">入学测评</div>
                            <p>每日一练，每日晨读服务，每日推送经典试题</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-9.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">系列模考</div>
                            <p>N次月考小考+2次大模考（省联考前+国考前）</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-10.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">权益保障</div>
                            <p>3天无理由退费</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 辅助资料 -->
            <div class="info-model">
                <h3 class="title">辅助资料</h3>
                <div class="box">
                    <ul>
                        <li>
                            <i class="icon"></i>
                            <span>课程讲义</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《思维导图》</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>时政热点</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>全能题库</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>课后习题</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《历年真题册》</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《考前模拟卷》</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
      </div>
      <div class="main">
        <div class="center_box">
            <!-- 课程介绍模块 -->
            <div class="class-intr">
                <div class="img">
                    <img src="./img/banxin3.jpg" alt="">
                </div>
                <div class="text">
                    <h3>直播畅学班</h3>
                    <p>适合零基础，自控力及自主时间安排能力比较强的学员</p>
                    <div class="price">
                        <ul>
                            <li>
                                <div>￥<span>3380</span></div>
                                <p>全科：行测+申论+面试</p>
                            </li>
                            <li>
                                <div>￥<span>2180</span></div>
                                <p>笔试2科：行测+申论</p>
                            </li>
                            <li>
                                <div>￥<span>1080</span></div>
                                <p>单科</p>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="btn">立即咨询</a>
                </div>
            </div>
            <div class="char">
                <ul>
                    <li>
                        <span>特点</span>
                        <p>系统地讲解公考的理论知识，结合定量的习题解析，从0到1帮学员逐步夯实考试必备基础</p>
                    </li>
                    <li>
                        <span>形式</span>
                        <p>”点+题“传统实训模式，理论与实战有机融合，边学边练，帮助学员随时随地掌握备考要点，提高学习效率</p>
                    </li>
                </ul>
            </div>
            <!-- 课程模块 -->
            <div class="class-model">
                <h3 class="title">课程模块<span>录播为主</span></h3>
                <div class="box">
                    <ul>
                        <li>
                            <div class="t">系统精讲</div>
                            <div class="tag">
                                <span>系统精讲（点）</span>
                                <span>一带一练（题）</span>
                                <span>集中答疑（题）</span>
                            </div>
                        </li>
                        <li>
                            <div class="t">直播强化</div>
                            <div class="tag">
                                <span>模考解析（题）</span>
                                <span>考前冲刺（套题）</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 服务模块 -->
            <div class="service-model">
                <h3 class="title">服务模块</h3>
                <div class="list">
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-1.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">服务期</div>
                            <p>开课时间起1年</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-2.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">专属学服</div>
                            <p>日常督学+课程指导+辅助选岗+报名指导+课前通知+跟踪回访+招考信息/热点推送</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-3.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">辅助选岗</div>
                            <p>基于学员个人情况及需求，以及相关的报考数据，为学员提供3-5个适宜的报考岗位推荐</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-4.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">专业答疑</div>
                            <p>工作时段学习平台2h内答疑</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-5.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">锦鲤打卡</div>
                            <p>每日打卡，每日晨读、每日时政热点等，培养备考氛围和习惯</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-6.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">定制学习计划</div>
                            <p>结合课程情况或测评结果，给每位学员制定大方向的学习计划和学习建议，点明每个阶段的备考重点及方法</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-7.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">全能题库</div>
                            <p>日常练习、模拟试卷、真题试卷、冲刺提分卷、自由组卷</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-8.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">入学测评</div>
                            <p>每日一练，每日晨读服务，每日推送经典试题</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-9.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">系列模考</div>
                            <p>N次月考小考+2次大模考（省联考前+国考前）</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-10.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">权益保障</div>
                            <p>3天无理由退费</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 辅助资料 -->
            <div class="info-model">
                <h3 class="title">辅助资料</h3>
                <div class="box">
                    <ul>
                        <li>
                            <i class="icon"></i>
                            <span>课程讲义</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《思维导图》</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>时政热点</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>全能题库</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>课后习题</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《历年真题册》</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《考前模拟卷》</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
      </div>
      <div class="main">
        <div class="center_box">
            <!-- 课程介绍模块 -->
            <div class="class-intr">
                <div class="img">
                    <img src="./img/banxin4.jpg" alt="">
                </div>
                <div class="text">
                    <h3>直播全程班</h3>
                    <p>适合零基础，自控力及自主时间安排能力比较强的学员</p>
                    <div class="price">
                        <ul>
                            <li>
                                <div>￥<span>3380</span></div>
                                <p>全科：行测+申论+面试</p>
                            </li>
                            <li>
                                <div>￥<span>2180</span></div>
                                <p>笔试2科：行测+申论</p>
                            </li>
                            <li>
                                <div>￥<span>1080</span></div>
                                <p>单科</p>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="btn">立即咨询</a>
                </div>
            </div>
            <div class="char">
                <ul>
                    <li>
                        <span>特点</span>
                        <p>系统地讲解公考的理论知识，结合定量的习题解析，从0到1帮学员逐步夯实考试必备基础</p>
                    </li>
                    <li>
                        <span>形式</span>
                        <p>”点+题“传统实训模式，理论与实战有机融合，边学边练，帮助学员随时随地掌握备考要点，提高学习效率</p>
                    </li>
                </ul>
            </div>
            <!-- 课程模块 -->
            <div class="class-model">
                <h3 class="title">课程模块<span>录播为主</span></h3>
                <div class="box">
                    <ul>
                        <li>
                            <div class="t">系统精讲</div>
                            <div class="tag">
                                <span>系统精讲（点）</span>
                                <span>一带一练（题）</span>
                                <span>集中答疑（题）</span>
                            </div>
                        </li>
                        <li>
                            <div class="t">直播强化</div>
                            <div class="tag">
                                <span>模考解析（题）</span>
                                <span>考前冲刺（套题）</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 服务模块 -->
            <div class="service-model">
                <h3 class="title">服务模块</h3>
                <div class="list">
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-1.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">服务期</div>
                            <p>开课时间起1年</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-2.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">专属学服</div>
                            <p>日常督学+课程指导+辅助选岗+报名指导+课前通知+跟踪回访+招考信息/热点推送</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-3.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">辅助选岗</div>
                            <p>基于学员个人情况及需求，以及相关的报考数据，为学员提供3-5个适宜的报考岗位推荐</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-4.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">专业答疑</div>
                            <p>工作时段学习平台2h内答疑</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-5.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">锦鲤打卡</div>
                            <p>每日打卡，每日晨读、每日时政热点等，培养备考氛围和习惯</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-6.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">定制学习计划</div>
                            <p>结合课程情况或测评结果，给每位学员制定大方向的学习计划和学习建议，点明每个阶段的备考重点及方法</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-7.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">全能题库</div>
                            <p>日常练习、模拟试卷、真题试卷、冲刺提分卷、自由组卷</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-8.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">入学测评</div>
                            <p>每日一练，每日晨读服务，每日推送经典试题</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-9.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">系列模考</div>
                            <p>N次月考小考+2次大模考（省联考前+国考前）</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-10.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">权益保障</div>
                            <p>3天无理由退费</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 辅助资料 -->
            <div class="info-model">
                <h3 class="title">辅助资料</h3>
                <div class="box">
                    <ul>
                        <li>
                            <i class="icon"></i>
                            <span>课程讲义</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《思维导图》</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>时政热点</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>全能题库</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>课后习题</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《历年真题册》</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《考前模拟卷》</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
      </div>
      <div class="main">
        <div class="center_box">
            <!-- 课程介绍模块 -->
            <div class="class-intr">
                <div class="img">
                    <img src="./img/banxin5.jpg" alt="">
                </div>
                <div class="text">
                    <h3>定向私塾班</h3>
                    <p>适合零基础，自控力及自主时间安排能力比较强的学员</p>
                    <div class="price">
                        <ul>
                            <li>
                                <div>￥<span>3380</span></div>
                                <p>全科：行测+申论+面试</p>
                            </li>
                            <li>
                                <div>￥<span>2180</span></div>
                                <p>笔试2科：行测+申论</p>
                            </li>
                            <li>
                                <div>￥<span>1080</span></div>
                                <p>单科</p>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="btn">立即咨询</a>
                </div>
            </div>
            <div class="char">
                <ul>
                    <li>
                        <span>特点</span>
                        <p>系统地讲解公考的理论知识，结合定量的习题解析，从0到1帮学员逐步夯实考试必备基础</p>
                    </li>
                    <li>
                        <span>形式</span>
                        <p>”点+题“传统实训模式，理论与实战有机融合，边学边练，帮助学员随时随地掌握备考要点，提高学习效率</p>
                    </li>
                </ul>
            </div>
            <!-- 课程模块 -->
            <div class="class-model">
                <h3 class="title">课程模块<span>录播为主</span></h3>
                <div class="box">
                    <ul>
                        <li>
                            <div class="t">系统精讲</div>
                            <div class="tag">
                                <span>系统精讲（点）</span>
                                <span>一带一练（题）</span>
                                <span>集中答疑（题）</span>
                            </div>
                        </li>
                        <li>
                            <div class="t">直播强化</div>
                            <div class="tag">
                                <span>模考解析（题）</span>
                                <span>考前冲刺（套题）</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 服务模块 -->
            <div class="service-model">
                <h3 class="title">服务模块</h3>
                <div class="list">
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-1.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">服务期</div>
                            <p>开课时间起1年</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-2.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">专属学服</div>
                            <p>日常督学+课程指导+辅助选岗+报名指导+课前通知+跟踪回访+招考信息/热点推送</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-3.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">辅助选岗</div>
                            <p>基于学员个人情况及需求，以及相关的报考数据，为学员提供3-5个适宜的报考岗位推荐</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-4.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">专业答疑</div>
                            <p>工作时段学习平台2h内答疑</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-5.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">锦鲤打卡</div>
                            <p>每日打卡，每日晨读、每日时政热点等，培养备考氛围和习惯</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-6.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">定制学习计划</div>
                            <p>结合课程情况或测评结果，给每位学员制定大方向的学习计划和学习建议，点明每个阶段的备考重点及方法</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-7.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">全能题库</div>
                            <p>日常练习、模拟试卷、真题试卷、冲刺提分卷、自由组卷</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-8.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">入学测评</div>
                            <p>每日一练，每日晨读服务，每日推送经典试题</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-9.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">系列模考</div>
                            <p>N次月考小考+2次大模考（省联考前+国考前）</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-10.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">权益保障</div>
                            <p>3天无理由退费</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 辅助资料 -->
            <div class="info-model">
                <h3 class="title">辅助资料</h3>
                <div class="box">
                    <ul>
                        <li>
                            <i class="icon"></i>
                            <span>课程讲义</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《思维导图》</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>时政热点</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>全能题库</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>课后习题</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《历年真题册》</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《考前模拟卷》</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
      </div>
      <div class="main">
        <div class="center_box">
            <!-- 课程介绍模块 -->
            <div class="class-intr">
                <div class="img">
                    <img src="./img/banxin6.jpg" alt="">
                </div>
                <div class="text">
                    <h3>面试冲刺班</h3>
                    <p>适合零基础，自控力及自主时间安排能力比较强的学员</p>
                    <div class="price">
                        <ul>
                            <li>
                                <div>￥<span>3380</span></div>
                                <p>全科：行测+申论+面试</p>
                            </li>
                            <li>
                                <div>￥<span>2180</span></div>
                                <p>笔试2科：行测+申论</p>
                            </li>
                            <li>
                                <div>￥<span>1080</span></div>
                                <p>单科</p>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="btn">立即咨询</a>
                </div>
            </div>
            <div class="char">
                <ul>
                    <li>
                        <span>特点</span>
                        <p>系统地讲解公考的理论知识，结合定量的习题解析，从0到1帮学员逐步夯实考试必备基础</p>
                    </li>
                    <li>
                        <span>形式</span>
                        <p>”点+题“传统实训模式，理论与实战有机融合，边学边练，帮助学员随时随地掌握备考要点，提高学习效率</p>
                    </li>
                </ul>
            </div>
            <!-- 课程模块 -->
            <div class="class-model">
                <h3 class="title">课程模块<span>录播为主</span></h3>
                <div class="box">
                    <ul>
                        <li>
                            <div class="t">系统精讲</div>
                            <div class="tag">
                                <span>系统精讲（点）</span>
                                <span>一带一练（题）</span>
                                <span>集中答疑（题）</span>
                            </div>
                        </li>
                        <li>
                            <div class="t">直播强化</div>
                            <div class="tag">
                                <span>模考解析（题）</span>
                                <span>考前冲刺（套题）</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 服务模块 -->
            <div class="service-model">
                <h3 class="title">服务模块</h3>
                <div class="list">
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-1.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">服务期</div>
                            <p>开课时间起1年</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-2.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">专属学服</div>
                            <p>日常督学+课程指导+辅助选岗+报名指导+课前通知+跟踪回访+招考信息/热点推送</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-3.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">辅助选岗</div>
                            <p>基于学员个人情况及需求，以及相关的报考数据，为学员提供3-5个适宜的报考岗位推荐</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-4.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">专业答疑</div>
                            <p>工作时段学习平台2h内答疑</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-5.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">锦鲤打卡</div>
                            <p>每日打卡，每日晨读、每日时政热点等，培养备考氛围和习惯</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-6.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">定制学习计划</div>
                            <p>结合课程情况或测评结果，给每位学员制定大方向的学习计划和学习建议，点明每个阶段的备考重点及方法</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-7.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">全能题库</div>
                            <p>日常练习、模拟试卷、真题试卷、冲刺提分卷、自由组卷</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-8.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">入学测评</div>
                            <p>每日一练，每日晨读服务，每日推送经典试题</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-9.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">系列模考</div>
                            <p>N次月考小考+2次大模考（省联考前+国考前）</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./img/icon25-10.png" alt="">
                        </div>
                        <div class="text">
                            <div class="t">权益保障</div>
                            <p>3天无理由退费</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 辅助资料 -->
            <div class="info-model">
                <h3 class="title">辅助资料</h3>
                <div class="box">
                    <ul>
                        <li>
                            <i class="icon"></i>
                            <span>课程讲义</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《思维导图》</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>时政热点</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>全能题库</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>课后习题</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《历年真题册》</span>
                        </li>
                        <li>
                            <i class="icon"></i>
                            <span>《考前模拟卷》</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
      </div>
      <!-- footer 需替换 -->
      <footer></footer>
      
</body>
<script>
    let lists = document.querySelector('.top-banner .nav-list .list')
    let mains = document.querySelectorAll('.main')
    lists.addEventListener('click',function(e){
        let bx=e.target.dataset.bx
        for(let i=0;i<lists.children.length;i++){
            lists.children[i].classList.remove('active')
            e.target.classList.add('active')
        }
        mains.forEach(item=>{
            item.classList.remove('show')
        })
        mains[bx-1].classList.add('show')
    })
</script>
</html>